<template>
	<div class="admin-header">
		<el-menu
		:default-active="activeIndex"
		class="el-menu-demo"
		mode="horizontal"
		background-color="#000000"
		text-color="#9d9d9d"
		active-text-color="#ffffff"
		:router="true">
    
    	<el-menu-item index="/">前台入口</el-menu-item>
			<el-menu-item index="/admin/category">分类管理</el-menu-item>
			<el-menu-item index="/admin/user">用户管理</el-menu-item>
			<el-menu-item index="/admin/order">订单管理</el-menu-item>
		
		</el-menu>
	</div>
</template>

<script>
	export default{
		data() {
			return {
				activeIndex:this.$route.path
			}
		},
		methods: {
		}
	}
</script>

<style scoped>
	.admin-header>ul>li:hover{
		color: #ffffff !important;
	}
</style>
